<!DOCTYPE html>
<html>

<head>
<meta charset=utf-8>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" />
<meta content="yes" name="apple-mobile-web-app-capable" />
<meta content="black" name="apple-mobile-web-app-status-bar-style" />
<title>我的优惠券</title>
<script src="js/jquery-1.10.1.min.js"></script>
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" type="text/css" href="css/flow-list.css">
</head>

<body>
<section class="flow-list my-coupons">
	<nav class="nav-tab">
		<div>
			<a href="javascript:;" class="btn btn-normal">未过期</a>
		</div>
		<div>
			<a href="javascript:;" class="btn btn-normal">已过期</a>
		</div>
		<div>
			<a href="javascript:;" class="btn btn-normal">全部</a>
		</div>
	</nav>
	<article class="table-list">
		<ul>
			<li class="table-cell">
				<div class="figure">
					<img src="css/images/1.jpg"/>
				</div>
				<div>
					<h2>大石头优惠券</h2>
					<p>未过期</p>
				</div>
				<div class="t-right">
					<span>+X.XM</span>
				</div>
			</li>
			<li class="table-cell">
				<div class="figure">
					<img src="css/images/1.jpg"/>
				</div>
				<div>
					<h2>大石头优惠券</h2>
					<p>未过期</p>
				</div>
				<div class="t-right">
					<span>+X.XM</span>
				</div>
			</li>
		</ul>
	</article>
</section>
<script type="text/javascript">
$(document).ready(function() {
	$('.nav-tab .btn').on('click',function(){
		$('.nav-tab .btn').removeClass('btn-primary');
		$(this).addClass('btn-primary');
	});
	$('.nav-tab .btn').eq(0).click();
	$('.table-list li').on('click',function(){
		window.location.href = 'lookCoupons.html';
	})
});
</script>
</body>

</html>
